<?php $agente = $agente->result(); ?>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <?php $this->load->view('head'); ?>
        <title></title>
        <script type="text/javascript">
<?php if (!$this->session->userdata("usuarioId_externo")) { ?>
                    setTimeout("fnValida()", <?php echo TIMER; ?>); 
<?php } ?>
            $(document).ready(function(){                
                $("#aplicaInstFecha").datepicker({dateFormat:"yy-mm-dd",changeMonth: true,changeYear: true, yearRange: '1941:<?php echo date('Y'); ?>' });
                $("#aplicaInstFecha").datepicker( "setDate" , "<?php echo date("Y-m-d"); ?>" );
<?php $this->load->view('enReady'); ?>
        $("#participanteNivelEducativo").change(function(){
            if($(this).val() == "Otro"){
                $("#divparticipanteNivelEducativo").css("display","block");
                $("#aplicaInstUltNivel_otro").attr("disabled",false);
            }
            else{
                $("#divparticipanteNivelEducativo").css("display","none");
                $("#aplicaInstUltNivel_otro").attr("disabled",true);
            } 
        });
<?php if ($edicion != "") { ?>
            fnEdicion();
<?php }
if ($this->session->userdata("usuarioId_externo")) { ?>
             fntodoLectura();
<?php } ?>
    }); //fin $(document).ready(function(){
    
    function fnEdicion(){
<?php
if ($edicion != "") {
    $con = 0;
    foreach ($edicion->result() as $registro) {
        if ($con == 0) {
            echo "$('#hdInstrumento').val('{$registro->instrumentoId}');";
            echo "$('#hdaplicaInstId').val('{$registro->pliId}');";
            echo "$('#hdparticipanteId').val('{$registro->participanteId}');";
            echo "$('#hdninos').val('{$registro->participanteNinosLabora}');";
            echo "fnNinosLabora('{$registro->participanteNinosLabora}');";
            echo "$('#aplicaInstFecha').val('{$registro->aplicaInstFecha}');";
            echo "$('#participanteNombres').val('{$registro->participanteNombres}');";
            echo "$('#participanteProfesion').val('{$registro->participanteProfesion}');";
            echo "$('#participanteTipDoc').val('{$registro->participanteTipDoc}');";
            echo "$('#participanteDocumento').val('{$registro->participanteDocumento}');";
            echo "$('#participanteEdad').val('{$registro->particiapnteEdad}');";
            echo "$('#participanteSexo').val('{$registro->participanteSexo}');";
            echo "fnNivelEducativo('{$registro->participanteNivelEducativo}');";
            echo "$('#ninosDiscapacidad').val('{$registro->ninosDiscapacidad}');";
            echo "$('#ninosTipoDiscapacidad').val('{$registro->ninosTipoDiscapacidad}');";
            $con++;
        }
        if ($registro->aplicaInstDetRuta != "") {
            echo "$('#aGrabaSonido').attr('href','" . base_url() . "archivos/{$registro->aplicaInstDetRuta}');";
            echo "$('#aGrabaSonido').html('Descargar Archivo');";
            echo "$('#archivoSonido').css('display','block');";
            echo "$('input:file').addClass('omitir');";
        } else {
            $resp = ($registro->aplicaInstDetResp == "") ? $registro->aplicaInstDetRespText : $registro->aplicaInstDetResp;
            $resp = escapeJs($resp);
            echo "$('#" . $registro->preguntaId . "').val('$resp');";
        }
    } //fin foreach($edicion->result() as $registro){
    ?>
<?php } //fin if ($edicion != ""){     ?>
    } //fin function fnEdicion(
    function fnNivelEducativo(nivel){
        var encontro = false;
        //funcion para asignar el nivel educativo
        var options = $("#participanteNivelEducativo").find("option");
        options.each(function(){
            if($(this).val() == nivel){
                $(this).attr('selected','selected');
                encontro = true;
            }                 
        });
        if(!encontro){
            $("#divparticipanteNivelEducativo").css("display", "block");
            $("#aplicaInstUltNivel_otro").val(nivel);
            $("#participanteNivelEducativo").val("Otro");
        }
        return true;
    } //fin function fnNivelEducativo(nivel){
    function fnNinosLabora(ninos){
        //funcion para asignar los niños con los cuales labora
        ninos = ninos.split("|");
        for(i in ninos){
            $(".ninosEdad").each(function(){
                if($(this).val() == ninos[i])
                    $(this).attr("checked",true);
            });
        }
        return true;
    } //fin function fnNinosLabora(ninos){
    function fnValida(opc){
        globalOpc = opc;
        if(opc == "T") $("#hdParcial").val("No");
        else $("#hdParcial").val("Si");
        var vacio = false;
        var vartmp= "";
        vacio = fnValidaCampos("div","divIdentifiacion");
        entero = false;
        $(".edad").each(function(){
            if(!($(this).val().match(/^\d+$/))){
                entero = true;
                vartmp = $(this).attr("id");
                $("label[for='" + vartmp + "']").addClass("menFalta");
            }
        });
        if(opc == 'T'){
            vacio = fnValidaCampos("form","forPreguntas");
        } //fin if(opc == 'T'){
        if($("#participanteNivelEducativo").val() == "Otro" && $("#aplicaInstUltNivel_otro").val() == ""){
            fnMenError('Debe indicar el nivel educativo',0);
            return false;
        }
        if(!vacio || entero){
            fnMenError('Debe diligenciar todos los campos en rojo',0);
            return false;
        }
        $('#dialog-modal').dialog('open');
        $("#forPreguntas").submit();
        return true;
    } //fin fnValidaPestana4
    function fnAsignaAplica(val){
        //funcion que se ejecuta despues de guardar la informacion
        var array = val.split("|");
        $("#hdaplicaInstId").val(array[0]);
        $("#hdparticipanteId").val(array[1]);
        window.opener.fnRecargar();
        $('#dialog-modal').dialog('close');
        fnMenError("Se ha guardado el registro exitosamente",2,false);
        if(globalOpc == 'T') window.close();
        return;
    }
    function fnEdades(){
        var temp = '';
        $(".ninosEdad").each(function(){
            if($(this).is(":checked"))
                temp = temp + "|" + $(this).val();
        }); //fin $(".").each(function(){
        $("#hdninos").val(temp);
        return;
    }
        </script>
    </head>
    <body>
        <script src="<?php echo base_url() . "js/wz_tooltip-min.js" ?>" type="text/javascript"></script>
        <?php $this->load->view('enBody'); ?>
        <div id="divContenedor" >
            <div class="titulo">INSTITUCIÓN <?php echo strtoupper($agente[0]->agenteNombre); ?></div>
            <div class="subtitulo">INSTRUMENTO 2. GUÍA DE ENTREVISTA SEMI-ESTRUCTURADA SOBRE SABERES PEDAGÓGICOS Y SU RELACIÓN CON LA PRÁCTICA PEDAGÓGICA DE AGENTES FORMATIVOS DE LA PRIMERA INFANCIA</div>                    
            <div style="border: 2px black solid;text-align: justify;padding: 5px;margin: 9px" >
                <span style="font-weight: bolder">Objetivo:</span>. Identificar las concepciones acerca de lo qué es ser niño y niña, desarrollo infantil, educación inicial, planeación curricular, didácticas y metodologías en prácticas pedagógicas con primera infancia que  tienen los agentes educativos que trabajan con  niños y niñas, en el marco de un enfoque diferencial.
            </div>
            <div style="text-align:justify">
                <p><span style="font-weight: bolder">Instrucciones: </span> En esta entrevista encontrará las preguntas orientadoras que guían el desarrollo de la entrevista con agentes educativos de la primera infancia. Para cada indicador se ubican los interrogantes correspondientes, cuya respuesta aporta en la indagación sobre saberes pedagógicos y su relación con la práctica pedagógica de agentes educativos.</p
            </div>
            <div id="divPreguntas">
                <form id="forPreguntas" enctype="multipart/form-data" target="ifrAuxiliar" method="POST" action="<?php echo site_url("instrumento/guardaInstru"); ?>">
                    <input type="hidden" id="hdInstrumento" name="hdInstrumento" value="<?php echo $instrumento; ?>" />
                    <input type="hidden" id="hdaplicaInstId" name="hdaplicaInstId" value="0" />
                    <input type="hidden" id="hdAgente" name="hdAgente" value="<?php echo $agente[0]->agenteId; ?>" />
                    <input type="hidden" id="modalidadId" name="modalidadId" value="<?php echo $agente[0]->modalidadId; ?>" />
                    <input type="hidden" id="hdparticipanteId" name="hdparticipanteId" value="0" />
                    <input type="hidden" id="hdParcial" name="hdParcial" value="Si" />
                    <input type="hidden" id="hdninos" name="hdninos"  />
                    <div  id="divIdentifiacion">
                        <fieldset>
                            <legend>Datos de creación del formulario</legend>
                            <table>
                                <tr>
                                    <td><label for="aplicaInstFecha">Fecha</label></td>
                                    <td><input type="text" id="aplicaInstFecha" name="aplicaInstFecha" size="9"</td>
                                </tr>
                                <tr>
                                    <td><label for="participanteNombres">Nombres</label></td>
                                    <td><input type="text" id="participanteNombres" name="participanteNombres" /></td>
                                    <td><label for="participanteProfesion">Profesión</label></td>
                                    <td><input type="text" id="participanteProfesion" name="participanteProfesion" /></td>
                                </tr>
                                <tr>
                                    <td><label for="participanteTipDoc">Tipo Documento</label></td>
                                    <td><select id="participanteTipDoc" name="participanteTipDoc">
                                            <option value="">Elija</option>   
                                            <option value="CC">Cedula Ciudadania</option>
                                            <option value="CE">Cedula Extranjeria</option>
                                            <option value="P">Pasaporte</option>
                                        </select>
                                    </td>
                                    <td><label for="participanteDocumento">Documento</label></td>
                                    <td><input type="text" id="participanteDocumento" name="participanteDocumento" /></td>
                                </tr>
                                <tr>
                                    <td><label for="participanteEdad">Edad</label></td>
                                    <td><input type="text" id="participanteEdad" name="participanteEdad" class="edad" size="3" /></td>
                                    <td><label for="participanteSexo">Sexo</label></td>
                                    <td><select id="participanteSexo" name="participanteSexo">
                                            <option value="">Elija</option>   
                                            <option value="Masculino">Masculino</option>
                                            <option value="Femenino">Femenino</option>
                                        </select>
                                    </td>
                                </tr>
                                <tr>
                                    <td><label for="participanteNivelEducativo">Último Nivel Educativo</label></td>
                                    <td><select id="participanteNivelEducativo" name="participanteNivelEducativo">
                                            <option value="">Elija</option>
                                            <option value="Normalista">Normalista</option>
                                            <option value="Técnico">Técnico</option>
                                            <option value="Tecnológico">Tecnológico</option>
                                            <option value="Profesional">Profesional</option>
                                            <option value="Especialización,maestría,doctorado">Especialización,maestría,doctorado</option>
                                            <option value="Otro">Otro</option>
                                        </select>
                                    </td>
                                    <td colspan="2">
                                        <div id='divparticipanteNivelEducativo' style='display: none;'>
                                            <label for='aplicaInstUltNivel_otro'>Otro</label>
                                            <input type='text' id='aplicaInstUltNivel_otro' class="omitir"  name='aplicaInstUltNivel_otro' />
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td><label for="ninosDiscapacidad">Niños en condición de discapacidad</label></td>
                                    <td><input title="Ingrese el número de niños con discapacidad" type="text" id="ninosDiscapacidad" name="ninosDiscapacidad" class="edad" size="3" /></td>
                                    <td><label for="ninosTipoDiscapacidad">Tipo de discapacidad</label></td>
                                    <td><input title="Ingrese el(los) tipo(s) de discapacidad que tienen los niños" type="text" id="ninosTipoDiscapacidad" name="ninosTipoDiscapacidad" class="omitir"  /></td>
                                </tr>
                            </table>      
                        </fieldset>
                        <fieldset>
                            <legend>Edad de los niños y niñas con que trabaja el agente educativo</legend>
                            <table>
                                <tr>
                                    <td><label for="edadGestan" style="margin-right: 0px">Gestantes/lactantes</label></td>
                                    <td><input type="checkbox" id="edadGestan" value="Gestantes/lactantes" class="ninosEdad" style="margin-right: 20px" onchange="fnEdades();" /> </td>
                                    <td><label for="edadSeis" style="margin-right: 0px">6 meses a  2 años</label></td>
                                    <td><input type="checkbox" id="edadSeis" style="margin-right: 20px" value="6 meses a  2 años" class="ninosEdad" onchange="fnEdades();"/> </td>
                                    <td><label for="edadDosTres" style="margin-right: 0px">2 años a 3 años</label></td>
                                    <td><input type="checkbox" id="edadDosTres" value="2 años a 3 años" class="ninosEdad" style="margin-right: 20px" onchange="fnEdades();"/> </td>
                                    <td><label for="edadTresCua" style="margin-right: 0px">3 años a 4 años</label></td>
                                    <td><input type="checkbox" id="edadTresCua" value="3 años a 4 años" class="ninosEdad" style="margin-right: 20px" onchange="fnEdades();"/> </td>
                                    <td><label for="edadTresCua" style="margin-right: 0px">4 años a 5 años</label></td>
                                    <td><input type="checkbox" id="edadTresCua" value="4 años a 5 años" class="ninosEdad" style="margin-right: 20px" onchange="fnEdades();"/> </td>
                                    <td><label for="edadCincoSeis" style="margin-right: 0px">5 años a 6 años</label></td>
                                    <td><input type="checkbox" id="edadCincoSeis" value="5 años a 6 años" class="ninosEdad" style="margin-right: 20px" onchange="fnEdades();"/> </td>
                                    <td><label for="edadGrup" style="margin-right: 0px">Grupos de niños y niñas con padres</label></td>
                                    <td><input type="checkbox" id="edadGrup" value="Grupos de niños y niñas con padres" class="ninosEdad" style="margin-right: 20px" onchange="fnEdades();"/> </td>
                                </tr>
                            </table>
                        </fieldset>
                    </div>
                    <div class="flotante" >
                        <input type="button" value="Guardar" onclick="fnValida();" /><br/>
                        <input type="button" value="Terminar" onclick="fnValida('T');" />
                    </div>
                    <?php
                    //inicia el proceso para capturar las preguntas
                    $pregunta = $preguntas->result();
                    ?>
                    <ol>
                        <?php
                        for ($i = 1; $i <= 8; $i++) {
                            $puntero = -1 + $i;
                            echo "<li><div class='divTxtPregunta'><label for='{$pregunta[$puntero]->preguntaId}'>{$pregunta[$puntero]->preguntaTexto}</label><img src='" . base_url() . "/images/pregunta.png" . "' style='width:20px;height:15px' alt='icono de ayuda' onmouseover=\"Tip('" . preg_replace("[\n|\r|\n\r]", ' ', $pregunta[$puntero]->preguntaAyuda) . "', SHADOW, true, TITLE, 'Ayuda', PADDING, 9);\" onmouseout=\"UnTip()\" /></div></li>";
                            echo "<textarea id='{$pregunta[$puntero]->preguntaId}' name='{$pregunta[$puntero]->preguntaId}' cols='100' rows='3' maxlength='6000'></textarea>";
                        }
                        $tmp = $puntero + 1;
                        ?>
                    </ol>
                    <fieldset>
                        <legend>Grabación de la entrevista</legend>
                            <div class="divTituloConvenciones" >Los archivos únicamente se guardarán en la base de datos, cuando de clic en el botón <b>Guardar</b></div>
                        <div style="float: left">
                            <label for="<?php echo $pregunta[$tmp]->preguntaId; ?>"><?php echo $pregunta[$tmp]->preguntaTexto; ?></label>
                            <input type="file" id="<?php echo $pregunta[$tmp]->preguntaId; ?>" name="<?php echo $pregunta[$tmp]->preguntaId; ?>" />
                        </div>
                        <div id="archivoSonido" style="float: left;display: none;margin-left: 10px;">
                            <a href="" id="aGrabaSonido" target="_new"  title="Grabación Entrevista"></a>
                        </div>
                    </fieldset>
                </form>
            </div><!-- fin divPreguntas -->
        </div>
    </div><!-- fin divContenedor -->
</body>
</html>
